﻿@using ABC.Controllers.ViewModels.My
@model CalcKaskoViewModel
@{
    ViewBag.Title = "Расчет тарифа КАСКО - Азбука24";
    Layout = "~/Views/Shared/_MyLayout.cshtml";
}
@functions {
    private static string GetDriver(int count)
    {
        switch (count)
        {
            case 1:
                return "водитель";
            case 2:
            case 3:
            case 4: return "водителя";
            case 5: return "водителей";
            default:
                return string.Empty;
        }
    }                                                         
                            }
<div class="page-header">
    <h2>
        Расчет тарифа КАСКО</h2>
</div>
<div class="tabbable">
    @{ Html.RenderPartial("_CalcKaskoMenu", Model);}
    <div class="tab-content">
        <div class="tab-pane active" id="calc">
            <!--// Регион страхования-->
            <script type="text/javascript">
                var allCheckboxes;
                var p1, p2;
                var pastTime = 0;
                var interval = 300;
                var data;
                var percent = 50;
                var currentTabCalcId;
                var uniqueNumberCalc;
                var resultsContent;

                @*function GetExcel() {
                    var wnd = window.open();
                    var paymentForm = wnd.document.createElement('form');
                    paymentForm.action = '@Url.Action("ExportExcel", "Cabinet")';
                    paymentForm.method = 'post';
                    paymentForm.acceptCharset = 'utf-8';
                    paymentForm.appendChild(CreateHiddenField('resultId', $("#" + $("div.tab-pane.active").attr("id") + " input[name='calcId']").val()));
                    document.body.appendChild(paymentForm);
                    paymentForm.submit();
                    wnd.close();
                }*@

                function MyViewModel() {
                    var self = this;
                    self.currentIndex = 1;
                    self.drivers = ko.observableArray([0]);

                    self.addDriver = function () {
                        if (self.drivers().length < 5) {
                            self.drivers.push((self.currentIndex++).toString());
                        }
                    };

                    self.deleteDriver = function (id) {
                        if (self.drivers().length > 1)
                            self.drivers.remove(id);
                    };

                    self.updateForm = function(data) {
                        $("#car-manufacture").val(data.CarManufacture);
                        $("#car-model").val(data.CarModel);
                        $("#car-release").val(data.Release);
                        $("#power").val(data.Power);
                        $("#Credit").val(data.Credit);
                        $("#cost").val(data.Cost);
                        $("#currency").val(data.Currency);
                        $("#path").val(data.Path);
                        $("#unitpath").val(data.UnitPath);
                        $("#signaling").val(data.Signaling);
                        $("#immo").val(data.Immo);
                        if (data.TypeDrivers == "Ограниченное количество") {
                            $("input[name='Driver']").eq(0).attr("checked", "checked");
                            self.drivers([]);
                            for (var i = 0; i < data.Drivers.length; i++) {
                                self.drivers.push(i);
                            }
                        }
                        if (data.TypeDrivers == "Неограниченное количество") {
                            $("input[name='Driver']").eq(1).attr("checked", "checked");
                            $("#min-age").val(data.MinAge);
                            $("#min-period").val(data.MinPeriod);
                        }
                        ChangeDrivers();
                    };
                    
                    self.updateDrivers = function(drivers) {
                        for (var i = 0; i < drivers.length; i++) {
                            $("#limitedDrivers table tbody tr").eq(i).children("td").eq(0).children("#Sex").val(drivers[i].Sex);
                            $("#limitedDrivers table tbody tr").eq(i).children("td").eq(1).children("input[name='age']").val(drivers[i].Age);
                            $("#limitedDrivers table tbody tr").eq(i).children("td").eq(2).children("input[name='expirience']").val(drivers[i].Experience);
                            $("#limitedDrivers table tbody tr").eq(i).children("td").eq(3).children("#Married").val(drivers[i].Married);
                            $("#limitedDrivers table tbody tr").eq(i).children("td").eq(4).children("#Children").val(drivers[i].Children);
                        }
                    };
                    
                    self.resetForm = function() {
                        $("#form1").trigger('reset');
                        var carModel = document.getElementById("car-model");
                        var carModelLength = carModel.options.length;
                        for (var i = 0; i < carModelLength; i++) {
                            carModel.remove(carModel.options[i]);
                        }
                        carModel.options[0] = new Option("---", "");
                        self.drivers(["0"]);
                    };
                }
                function GetModelsAuto(model, selector) {
                    $.getJSON('@Url.Action("GetModelsAuto", "Information", new { area = "" })' + "?modelAuto=" + $("#car-manufacture").val(), function (data) {
                        var models = JSON.parse(data);
                        var carModel = document.getElementById("car-model");
                        var carModelLength = carModel.options.length;
                        for (var i = 0; i < carModelLength; i++) {
                            carModel.remove(carModel.options[i]);
                        }
                        for (var j = 0; j < models.length; j++) {
                            carModel.options[j] = new Option(models[j], models[j]);
                        }
                        if (model) {
                            $(selector).val(model);
                        }
                        GetCost();
                    });
                };

                function GetCost() {
                $("#average_cost").text("");
                $("#average_cost").attr("href", "");
                    if ($("#car-manufacture").val() && $("#car-model").val() && $("#car-release").val()) {
                        $.ajax({
                                url: '@Url.Action("GetCostCar", "Information")',
                                type: "POST",
                                data: { manufacture: $("#car-manufacture").val(), model: $("#car-model").val(), release: $("#car-release").val() },
                                success: function(data) {
                                    if (data == "no") {

                                    } else {
                                        $("#average_cost").text(data);
                                        $("#average_cost").attr("href", "http://auto.yandex.ru/avg-price.xml?rid=225" + "&mark=" + $("#car-manufacture").val().toUpperCase() + "&model=" + $("#car-model").val().toUpperCase() + "&year=" + $("#car-release").val());
                                    }
                                },
                                error: function(jqXhr, textStatus, errorThrown) {
                                    //делаем что-то в случае ошибки
                                },
                                complete: function() {
                                    //делаем что-то по завершению
                                }
                            });
                    }                                      
                }

                function SetDatePicker() {
                    var startDate = new Date($("#car-release").val(),0,1);
                    var endDate = new Date($("#car-release").val(),11,31);
                    $(".date").datepicker({
                            "format": "dd.mm.yyyy",
                            "weekStart": 1,
                            "autoclose": true,
                            "language": "ru"
                        }).datepicker('setEndDate', endDate).datepicker('setStartDate', startDate);
                   $(".date").val("01.01." + $("#car-release").val());
                }
                
                function buttonStartHandler1() {
                    var isPost = true;
                    if ($("#car-manufacture").val() == "---") {
                        ShowAlertError("Для расчета необходимо выбрать Марку");
                        isPost = false;
                    }
                    else if ($("#car-model").val() == "") {
                        ShowAlertError("Для расчета необходимо выбрать Модель");
                        isPost = false;
                    }
                    else if ($("#cost").val() == "" || isNaN($('#cost').asNumber({ region: 'ru-RU' }))) {
                        ShowAlertError("Корректно заполните поле \"Стоимость ТС\"");
                        isPost = false;
                    }
                    else {
                        if (!$("#limitedDrivers").hasClass("hide")) {
                            for (var i = 0; i < $("input[name='age']").length; i++) {
                                if (isNaN($("input[name='age']").eq(i).val()) || $("input[name='age']").eq(i).val() == "" || isNaN($("input[name='expirience']").eq(i).val()) || $("input[name='expirience']").eq(i).val() == "") {
                                    ShowAlertError("Корректно заполните всю информацию в разделе \"Сведения о водителях\"");
                                    isPost = false;
                                    break;
                                }
                            }
                        }
                    }
                    if (isPost) {
                        CalcCasko();
                    }
                }

                function CalcCasko() {
                    $("#progress").modal("show");
                    $(".bar").css("width", "0");
                    pastTime = 0; percent = 50;
                    $("#time").text("Прошло времени: 0 сек");

                    p1 = new ProgressBar();
                    p1.setInterval(interval).callback(
                            function (status) {
                                var currentPercent = status.replace(" %", "");
                                console.log(pastTime);
                                if (percent >= 50 && pastTime > interval && percent < 90 && currentPercent == 50) { //Если длительное время 50% - увеличивает постепенно на 5 до 90%
                                    percent = Math.ceil(percent + 5);
                                    console.log(percent);
                                }
                                if (Math.ceil(currentPercent) > percent) {
                                    percent = Math.ceil(currentPercent);
                                }
                                $(".bar").css("width", percent + "%");

                                var message;
                                pastTime = pastTime + interval;
                                if (pastTime / 1000 < 1) {
                                    message = "Прошло времени: " + Math.round(pastTime / 1000) + " сек";
                                } else {
                                    if (pastTime / 1000 > 60) {
                                        var minutes = Math.floor(pastTime / 60000);
                                        var seconds = Math.floor((pastTime - minutes * 60000) / 1000);
                                        message = "Прошло времени: " + minutes + " мин " + pastTime + " сек";
                                    }
                                    else {
                                        message = "Прошло времени: " + Math.round(pastTime / 1000) + " сек";
                                    }
                                }
                                $("#time").text(message);

                            },
                        function (result) {
                            if (result.Id) {
                                uniqueNumberCalc = result.UniqueNumber.replace(".", "");
                                if ($("a[href='#results']").parent("li").hasClass("hide")) {
                                    currentTabCalcId = "results";
                                    $("a[href='#results']").parent("li").prev("li a").attr("href", "#calc");
                                    resultsContent = $("#results").html();
                                }
                                else {
                                    $(".tab-content").append("<div class='tab-pane results-header' id='results' name='results'>" + resultsContent + "</div>");
                                    $("[name='results']:last").attr("id", "results" + uniqueNumberCalc);
                                    currentTabCalcId = "results" + uniqueNumberCalc;
                                    $(".container ul.nav-tabs").append("<li class='hide'><a data-toggle='tab' href='#" + currentTabCalcId + "'></a></li>");
                                }
                                $("#" + currentTabCalcId + " input[name='calcId']").val(result.Id);
                                $("a[href='#" + currentTabCalcId + "']").html("Расчет № " + result.UniqueNumber + " <button class='close-tab' onclick='CloseTab(this);' data-dismiss='alert' title='Закрыть вкладку'>×</button>");
                                $("#" + currentTabCalcId + " h3").text("Расчет № " + result.UniqueNumber + " " + result.DateTimeCalc);
                                $("#" + currentTabCalcId + " form").attr("id", "form" + uniqueNumberCalc);
                                $("#" + currentTabCalcId + " .btn-toolbar button").eq(0).removeClass("hide");
                                $("#" + currentTabCalcId + " .btn-toolbar button[name=pdf]").attr("onclick", 'location.href="' + '@Url.Action("GetPdf", "Information", new { id = "" })' + '/' + result.Id + '"');
                            }
                            if (result.Results) {
                                $(".bar").css("width", "100%");
                                data = result.Results;
                                window.setTimeout(UpdateTable, 1000);
                                FillTheTable();                                
                            }
                            else if (result != "abort") {
                                $('#progress').modal('hide');
                                ShowAlertError(result);
                            } else {
                                $('#progress').modal('hide');
                            }

                        },
                        function () {
                            $(".bar").css("width", "0");
                        }).start('@Url.Action("CalcKasko", "Information")', '@Url.Action("Status", "Information")', '@Url.Action("Abort", "Information")', $("#form1").serialize());
                }

                function CloseTab(obj) {
                    var tab = $(obj).parents("a").attr("href");
                    $.ajax({
                            url: '@Url.Action("CloseTab", "Information")',
                            type: "POST",
                            data: { id: $(tab + " input[name='calcId']").val() },
                            success: function(data) {
                                if (data == "ok") {
                                    if ($(tab).next("[name='results']").length > 0) {
                                        $("a[href='#" + $(tab).next("[name='results']").attr("id") + "']").tab("show");
                                        $(tab).replaceWith("");
                                    }
                                    else {
                                        $("a[href='#" + $(tab).prev("div").attr("id") + "']").tab("show");
                                        $(tab).replaceWith("");
                                    }
                                }
                            }
                        });
                }
                
                function SaveTab() {
                    $.ajax({
                            url: '@Url.Action("SaveCalculation", "Information")',
                            type: "POST",
                            data: { id: $("#" + $("div.tab-pane.active").attr("id") + " form input[name='calcId']").val()},
                            success: function(data) {
                                if (data == "ok") {
                                    $("#" + $("div.tab-pane.active").attr("id") + " .alert-success").removeClass("hide");
                                    $(".alert-success  p").html("<strong>Запрос обработан!</strong> " +  $("a[href='#" + $("div.tab-pane.active").attr("id") + "']").text().replace("×", "") + 
                                    " сохранен в раздел \"<a href='@Url.Action("Calculations", "Cabinet")'>Сохраненные расчеты</a>\". Данный расчет носит исключительно ознакомительный характер.");
                                    $("#" + $("div.tab-pane.active").attr("id") + " .alert-info").removeClass("hide");                                    
                                }
                            }
                        });
                }
                
                function ConfirmPayment() {
                            var postform = document.getElementById($("div.tab-pane.active form").attr("id"));
                            postform.action = '@Url.Action("Confirm", "Cabinet")';
                            postform.submit();
                }
                
                function FillTheTable() {
                    var trs = $("#" + currentTabCalcId + " .table-parapetrs-kasko tbody tr");
                    trs.eq(1).children("td").eq(1).text($("#region").val());
                    trs.eq(1).children("td").eq(3).text($("#category").val());
                    trs.eq(2).children("td").eq(1).text($("[name='owner']:checked").val());
                    trs.eq(2).children("td").eq(3).text($("[name='risk']:checked").val());
                    trs.eq(3).children("td").eq(1).text(($("#insurant").val() == "Физическое лицо" ? "Он же собственник ТС" : $("#insurant").val()));
                    trs.eq(3).children("td").eq(3).text($("[name='limit']:checked").val());
                    trs.eq(5).children("td").eq(1).text($("#car-manufacture").val());
                    trs.eq(5).children("td").eq(3).text($("[name='Guarantee']:checked").val());
                    trs.eq(6).children("td").eq(1).text($("#car-model").val());
                    trs.eq(6).children("td").eq(3).text($("#path").val() + ($("#path").val() ? " " + $("#unitpath").val(): ""));
                    trs.eq(7).children("td").eq(1).text($("#car-release").val());
                    trs.eq(7).children("td").eq(3).text($("#engine").val());
                    trs.eq(8).children("td").eq(1).text($("[name='StateTs']:checked").val());
                    trs.eq(8).children("td").eq(3).text($("#power").val() + ($("#power").val() ? "л.с.": ""));
                    trs.eq(9).children("td").eq(1).text($("#operation").val());
                    trs.eq(9).children("td").eq(3).text($("#Credit").val());
                    trs.eq(10).children("td").eq(1).text($("#pts").val());
                    trs.eq(10).children("td").eq(3).text($("#cost").val() + " " + $("#currency").val());
                    var dr = "";
                    var countDrivers = $("#limitedDrivers tbody tr").length;
                    if (countDrivers == 1) {
                        dr = " водитель";
                    }
                    if (countDrivers > 1 && countDrivers < 5) {
                        dr = " водителя";
                    }
                    if (countDrivers >= 5) {
                        dr = " водителей";
                    }
                    trs.eq(12).children("td").eq(1).text(($("[name='Driver']:checked").val() == "Ограниченное количество" ? $("[name='Driver']:checked").val() + ": " + $("#limitedDrivers tbody tr").length + dr : $("[name='Driver']:checked").val()));
                    $("#" + currentTabCalcId + " .td-drivers-list table tbody").html("");
                    if ($("[name='Driver']:checked").val() == "Ограниченное количество") {
                        for (var i = 0; i < countDrivers; i++) {
                            var tr = "<tr><td style='width: 30px;'>" + (i + 1) + "</td>" +
                                "<td>" + ($("#limitedDrivers tbody tr").eq(i).children("td").eq(0).children("select").val() == "М" ? "Мужчина" : "Женщина") + " </td>" +
                                    "<td>" + $("#limitedDrivers tbody tr").eq(i).children("td").eq(1).children("input").val() + " </td>" +
                                        "<td>" + $("#limitedDrivers tbody tr").eq(i).children("td").eq(2).children("input").val() + " </td>" +
                                            "<td>" + $("#limitedDrivers tbody tr").eq(i).children("td").eq(3).children("select").val() + " </td>" +
                                                "<td>" + $("#limitedDrivers tbody tr").eq(i).children("td").eq(4).children("select").val() + " </td></tr>";
                            $("#" + currentTabCalcId + " .td-drivers-list table tbody").append(tr);
                        }
                        trs = $("#" + currentTabCalcId + " .table-parapetrs-kasko tbody tr").not("#" + currentTabCalcId + " .td-drivers-list table tr");
                        $("#" + currentTabCalcId + " .td-drivers-list table").removeClass("hide");
                        trs.eq(13).addClass("hide");
                    }
                    else {
                        trs = $("#" + currentTabCalcId + " .table-parapetrs-kasko tbody tr").not("#" + currentTabCalcId + " .td-drivers-list table tr");
                        $("#" + currentTabCalcId + " .td-drivers-list table").addClass("hide");
                        trs.eq(13).removeClass("hide");
                        trs.eq(13).children("td").eq(1).text($("#min-age").val());
                        trs.eq(13).children("td").eq(3).text($("#min-period").val());
                    }
                    trs.eq(15).children("td").eq(1).text($("#franshiza").val() + " руб." + " или " + $("#FranshizaInProc").val() + " %");
                    trs.eq(15).children("td").eq(3).text($("#maxpath").val() ? $("#maxpath").val() + " " + $("#maxpath-unit").val() : "");
                    trs.eq(16).children("td").eq(1).text($("#compensation").val());
                    trs.eq(16).children("td").eq(3).text($("#quantity").val());
                    trs.eq(17).children("td").eq(1).text($("#payment").val());
                    trs.eq(17).children("td").eq(1).text($("[name='ControlWheel']:checked").val());
                    trs.eq(18).children("td").eq(1).text($("#insperiod").val());
                    trs.eq(18).children("td").eq(3).text($("#landing").val());
                    trs.eq(19).children("td").eq(1).text($("#transition").val());
                    trs.eq(19).children("td").eq(3).text($("#maxmass").val());
                    trs.eq(20).children("td").eq(1).text($("#save").val());
                    trs.eq(20).children("td").eq(3).text($("#mass").val());
                    trs.eq(22).children("td").eq(1).text($("#signaling").val());
                    trs.eq(22).children("td").eq(3).text($("#mpu").val());
                    trs.eq(23).children("td").eq(1).text($("#signalingadd").val());
                    trs.eq(23).children("td").eq(3).text($("#immo").val());
                    trs.eq(24).children("td").eq(1).text($("#autostart").val());
                    trs.eq(24).children("td").eq(3).text($("#siganticreep").val());
                    trs.eq(25).children("td").eq(1).text($("#siglabel").val());
                    trs.eq(25).children("td").eq(3).text($("#sigantidamping").val());
                }

                function buttonAbortHandler1() {
                    p1.abort();
                }

                function UpdateTable() {
                    $('#progress').modal('hide');
                    $("#" + currentTabCalcId + " table").eq(2).children("tbody").html("");
                    for (var i = 0; i < data.length; i++) {
                        var item = "<tr class='col-1'><td><input type='checkbox' name='companyNames' value=" + data[i].CompanyName + " onchange='ChangeCheck(this);' title='Отметить'></td><td>" +
                                        data[i].CompanyName + "</td><td>" + data[i].KaskoRate + "% </td><td>" + data[i].KaskoValue + " руб." + "</td>" +
                                                "<td><ul class='unstyled'><li>" + data[i].ServiceProgram +
                                                "</li></ul></td><td><ul class='unstyled'><li>" + data[i].AdditionalConditions + "</li></ul></td></tr>";
                        $("#" + currentTabCalcId + " table").eq(2).children("tbody").append(item);
                    }
                    $("a[href='#" + currentTabCalcId + "']").tab("show");
                    $("a[href='#" + currentTabCalcId + "']").parent("li").removeClass("hide");
                    $('body,html').animate({ scrollTop: 1200 }, 800);      //прокрутить окно вверх
                    $(".alert").addClass("hide");                    
                }

                function FillForm(data) {
                    $("#car-manufacture").val(data.CarManufacture);
                    $("#car-model").val(data.CarModel);
                    $("#car-release").val(data.Release);
                    $("#category").val(data.CategoryTs);
                    $("#engine").val(data.Engine);
                    $("#power").val(data.Power);
                    $("#operation").val(data.Operation ? data.Operation:$("#operation").val());
                    $("#pts").val(data.Pts ? data.Pts : $("#pts").val());
                    $("input[name=ControlWheel][value=" + data.ControlWheel + "]").attr("checked", "checked");
                    $("#landing").val(data.Landing);
                    $("#maxmass").val(data.MaxMass);
                    $("#mass").val(data.Mass);
                }
                $(function () {
                    var viewModel = new MyViewModel();
                    $("#startCalc").bind("click", buttonStartHandler1);
                    $("#cancelCalc").bind("click", buttonAbortHandler1);
                    
                    resultsContent = $("#results").html();
                    
                    //Установить даты и установить в пикере допустимый интервал дат
                    SetDatePicker();
                    
                    var kaskoExpressData = JSON.parse('@Html.Raw(Model.KaskoExpressData)');
                    //заполнение формы данными с Каско Експрес
                    if (kaskoExpressData.CarManufacture) {
                        viewModel.updateForm(kaskoExpressData);
                    }
                    
                    var objectData = JSON.parse('@Html.Raw(Model.ObjectData)');
                    if (objectData.CarManufacture) {
                        FillForm(objectData);
                    }
                    if ('@Model.CurrentTabId') {                       
                         $('a[href="#' + $("#form" + '@Model.CurrentTabId').parents("[name='results']").attr("id") + '"]').tab('show');
                    }
                    ChangeCheck(); // проверяем, на случай если уже были выбраны расчеты
                    $("a[href='#calc']").click(function (e) {
                        e.preventDefault();
                        $(this).tab('show');
                    });

                    $(".alert .close").bind("click", function (e) {
                        $(e.target).parent(".alert").addClass("hide");
                    });

                    //Обновляем Модель авто и выбираем марку, если есть
                    if ($("#car-manufacture").val() != "---") {
                        if (kaskoExpressData.CarModel) {
                            GetModelsAuto(kaskoExpressData.CarModel, "#car-model");
                        } else if(objectData.CarModel) {
                            GetModelsAuto(objectData.CarModel, "#car-model");
                        }
                        else {
                            GetModelsAuto();
                        }
                    }

                    //Обновляем раздел "водители" после постбэка
                    ChangeDrivers();
                    ko.applyBindings(viewModel);
                    if (kaskoExpressData.Drivers && kaskoExpressData.Drivers.length > 0) {
                        viewModel.updateDrivers(kaskoExpressData.Drivers);
                    }
                    
                });
            </script>
            <div id="alert" class="alert alert-error fade in hide">
                <button class="close">
                    ×</button>
                <ul class="unstyled">
                    <li></li>
                </ul>
            </div>
            @using (Html.BeginForm("Kasko", "Information", FormMethod.Post, new { @class = "form-horizontal", id = "form1" }))
            {
                <fieldset>
                    <legend>Регион</legend>
                    <div class="row-fluid">
                        <div class="span6">
                            <div class="control-group">
                                <label class="control-label" for="region">
                                    <strong>Регион</strong></label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.Region, Model.Regions, new { @class = "input-large", id = "region" })
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="owner">
                                    Собственник ТС</label>
                                <div class="controls">
                                    <label class="radio inline">
                                        <input type="radio" name="owner" id="owner" value="Физическое лицо" checked="checked">
                                        Физическое лицо
                                    </label>
                                    <label class="radio inline">
                                        <input type="radio" name="owner" id="owner-02" value="Юридическое лицо">
                                        Юридическое лицо
                                    </label>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="insurant">
                                    Страхователь</label>
                                <div class="controls">
                                    <select class="input-large" id="insurant" name="insurant">
                                        <option value="Физическое лицо">Он же собственник ТС </option>
                                        <option value="Юридическое лицо">Юридическое лицо </option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="span6">
                            <div class="control-group">
                                <label class="control-label" for="category">
                                    Категория ТС</label>
                                <div class="controls">
                                    <select class="input-small" id="category" name="category">
                                        <option>A </option>
                                        <option selected="selected">B </option>
                                        <option>C </option>
                                        <option>D </option>
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="risk">
                                    Риск</label>
                                <div class="controls">
                                    <label class="radio inline">
                                        <input id="risk" type="radio" name="risk" value="КАСКО" checked="">
                                        КАСКО
                                    </label>
                                    <label class="radio inline">
                                        <input id="risk-02" type="radio" value="Угон" name="risk">
                                        Угон
                                    </label>
                                    <label class="radio inline">
                                        <input id="risk-03" type="radio" value="Ущерб" name="risk">
                                        Ущерб
                                    </label>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="limit" title="Лимит ответственности">
                                    Лимит ответственности</label>
                                <div class="controls">
                                    <label class="radio inline">
                                        <input type="radio" name="limit" id="limit" value="Неагрегатный" checked="checked">
                                        Неагрегатный
                                    </label>
                                    <label class="radio inline">
                                        <input type="radio" name="limit" id="limit-01" value="Агрегатный">
                                        Агрегатный
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <!-- Регион страхования //-->
                <!--// Сведения о ТС -->
                <fieldset>
                    <legend>Сведения о ТС</legend>
                    <div class="row-fluid">
                        <div class="span6">
                            <div class="control-group">
                                <label class="control-label" for="car-manufacture">
                                    <strong>Марка</strong></label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.BrandAuto, Model.BrandsAuto, new { @class = "input-large", id = "car-manufacture", onchange = "GetModelsAuto();" })
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="car-model">
                                    <strong>Модель</strong></label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.ModelAuto, Model.ModelsAuto, new { @class = "input-large", id = "car-model", onchange = "GetCost();" })
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="car-release">
                                    <strong>Год выпуска</strong></label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.Year, Model.Years, new { @class = "input-small", id = "car-release", onchange = "GetCost(); SetDatePicker();" })
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="car-salon">
                                    ТС из салона</label>
                                <div class="controls">
                                    <label class="radio inline">
                                        @Html.RadioButtonFor(x => x.StateTs, "Нет", new { @checked = "checked", id = "car-salon" })
                                        Нет
                                    </label>
                                    <label class="radio inline">
                                        @Html.RadioButtonFor(x => x.StateTs, "Да", new { id = "car-salon" })
                                        Да
                                    </label>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="operation">
                                    Начало эксплуатации</label>
                                <div class="controls">
                                    @Html.TextBoxFor(m => m.BeginOperation, new { @class = "input-small date", id = "operation" })
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="pts">
                                    Дата выдачи ПТС</label>
                                <div class="controls">
                                    <input type="text" class="input-small date" id="pts" name="pts">
                                </div>
                            </div>
                        </div>
                        <div class="span6">
                            <div class="control-group">
                                <label class="control-label" for="guarantee">
                                    Гарантия</label>
                                <div class="controls">
                                    <label class="radio inline">
                                        @Html.RadioButtonFor(x => x.Guarantee, "Действует", new { @checked = "checked", id = "guarantee" })
                                        Действует
                                    </label>
                                    <label class="radio inline">
                                        @Html.RadioButtonFor(x => x.Guarantee, "Не действует", new { id = "guarantee" })
                                        Не действует
                                    </label>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="path">
                                    Пробег</label>
                                <div class="controls">
                                    <input type="text" class="input-medium" id="path" name="path">
                                    <select class="input-mini" id="unitpath" name="unitpath">
                                        <option value="км">км</option>
                                        <option value="мл">мл</option>
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="engine">
                                    Объем двигателя</label>
                                <div class="controls">
                                    <select class="input-large" id="engine" name="engine">
                                        <option selected="selected" value="до 300 см3">до 300 см³ </option>
                                        <option value="300 - 349 см3">300 - 349 см³ </option>
                                        <option value="350 - 499 см3">350 - 499 см³ </option>
                                        <option value="500 - 589 см3">500 - 589 см³ </option>
                                        <option value="590 - 899 см3">590 - 899 см³ </option>
                                        <option value="900 - 2469 см3">900 - 2469 см³ </option>
                                        <option value="от 2470 см3">от 2470 см³ </option>
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="power">
                                    Мощность</label>
                                <div class="controls">
                                    @Html.TextBoxFor(m => m.Power, new { @class = "input-large", id = "power" })
                                    <span class="help-inline">л.с.</span>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="Credit">
                                    Кредит</label>
                                <div class="controls">
                                    @Html.DropDownListFor(x => x.Credit, Model.ListForCredit, "---", new { @class = "input-large" })
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="cost">
                                    <strong>Стоимость ТС</strong></label>
                                <div class="controls">
                                    @Html.TextBoxFor(m => m.Cost, new { @class = "input-medium currency", id = "cost" })
                                    <select class="input-mini" id="currency" name="currency">
                                        <option value="RUR">RUR</option>
                                        <option value="EUR">EUR</option>
                                        <option value="USD">USD</option>
                                    </select>
                                    <span class="help-block">Средняя цена: <a id="average_cost" href="http://auto.yandex.ru/avg-price.xml?rid=213&mark=VOLKSWAGEN&model=SCIROCCO&year=2011"
                                        title="Средняя цена в прошлом месяце. По данным Яндекс.Авто" target="_blank"></a>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <!-- Сведения о ТС //-->
                <!--// Сведения о водителях-->
                <fieldset>
                    <legend>Сведения о водителях</legend>
                    <div class="row-fluid">
                        <div class="span7 offset5">
                            <div class="control-group">
                                <label class="control-label" for="drivers">
                                    Количество водителей</label>
                                <div class="controls">
                                    <label class="radio inline">
                                        @Html.RadioButtonFor(x => x.Driver, "Ограниченное количество", new { @checked = "checked", id = "drivers", onchange = "ChangeDrivers();" })
                                        Ограниченное
                                    </label>
                                    <label class="radio inline">
                                        @Html.RadioButtonFor(x => x.Driver, "Неограниченное количество", new { id = "drivers", onchange = "ChangeDrivers();" })
                                        Неограниченное
                                    </label>
                                </div>
                            </div>
                            <div id="limitedDrivers">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th>
                                                Пол
                                            </th>
                                            <th>
                                                Возраст
                                            </th>
                                            <th>
                                                Стаж
                                            </th>
                                            <th>
                                                Брак
                                            </th>
                                            <th colspan="2">
                                                Дети
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody data-bind="foreach: drivers">
                                        <tr>
                                            <td>
                                                @Html.DropDownListFor(x => x.Sex, Model.ListSex, new { @class = "input-small" })
                                            </td>
                                            <td>
                                                <input type="text" class="input-mini" name="age">
                                            </td>
                                            <td>
                                                <input type="text" class="input-mini" name="expirience">
                                            </td>
                                            <td>
                                                @Html.DropDownListFor(x => x.Married, Model.ListMarried, new { @class = "input-mini" })
                                            </td>
                                            <td>
                                                @Html.DropDownListFor(x => x.Children, Model.ListChildren, new { @class = "input-mini" })
                                            </td>
                                            <td>
                                                <button class="btn" data-bind="click: $root.deleteDriver">
                                                    Удалить</button>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <button class="btn" data-bind="click: addDriver">
                                    Добавить водителя</button>                                
                            </div>
                            <div id="unlimitedDrivers" class="hide">
                                <div class="control-group">
                                    <label class="control-label" for="min-age">
                                        Минимальный возраст</label>
                                    <div class="controls">
                                        <input type="text" class="input-mini" id="min-age" name="min-age">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="min-period">
                                        Минимальный стаж</label>
                                    <div class="controls">
                                        <input type="text" class="input-mini" id="min-period" name="min-period">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <!-- Сведения о водителях //-->
                <!--// Дополнительные условия -->
                <fieldset>
                    <legend>Дополнительные условия</legend>
                    <div class="row-fluid">
                        <div class="span6">
                            <div class="control-group">
                                <div class="control-group">
                                    <label class="control-label" for="franshiza">
                                        <abbr title="Франшиза по КАСКО– это часть выплат, которая будет выплачиваться клиентом страховой компании, при совершенном ДТП в установленных договором размерах. Всего в страховании КАСКО существует две типы франшиз – безусловная и условная.">
                                            Франшиза</abbr></label>
                                    <div class="controls">
                                        @Html.DropDownListFor(m => m.FranshizaInRub, Model.ListFranshizaInRub, new { @class = "input-mini", id = "franshiza" })
                                        <span class="help-inline">руб. или</span>
                                        @Html.DropDownListFor(m => m.FranshizaInProc, Model.ListFranshizaInProc, new { @class = "input-mini" })
                                        <span class="help-inline">%</span>
                                    </div>
                                </div>
                                <label class="control-label" for="compensation">
                                    Форма возмещения</label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.Compensation, Model.Compensations, new { @class = "input-large", id = "compensation" })
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="payment">
                                    Оплата</label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.Payment, Model.Payments, new { @class = "input-large", id = "payment" })
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="insperiod">
                                    Срок страхования</label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.InsurancePeriod, Model.InsurancePeriods, new { @class = "input-small", id = "insperiod" })
                                    <span class="help-inline">месяцев</span>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="transition">
                                    Переход из другой СК</label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.Transition, Model.Transitions, new { @class = "input-large", id = "transition" })
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="save">
                                    Условия хранения</label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.StorageCondition, Model.StorageConditions, new { @class = "input-large", id = "save" })
                                </div>
                            </div>
                        </div>
                        <div class="span6">
                            <div class="control-group">
                                <label class="control-label" for="maxpath">
                                    Предельный пробег</label>
                                <div class="controls">
                                    @Html.TextBoxFor(m => m.MaxPath, new { @class = "input-medium", id = "maxpath" })
                                    <select class="input-mini" id="maxpath-unit" name="unitmaxpath">
                                        <option value="км">км </option>
                                        <option value="мл">мл </option>
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="quantity">
                                    Количество ТС</label>
                                <div class="controls">
                                    <select class="input-small" id="quantity" name="quantity">
                                        <option value="1" selected="selected">1</option>
                                        <option value="2">2</option>
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="controlwheel">
                                    Руль</label>
                                <div class="controls">
                                    <label class="radio inline">
                                        @Html.RadioButtonFor(x => x.ControlWheel, "Левый", new { @checked = "checked", id = "controlwheel" })
                                        Левый
                                    </label>
                                    <label class="radio inline">
                                        @Html.RadioButtonFor(x => x.ControlWheel, "Правый", new { id = "controlwheel" })
                                        Правый
                                    </label>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="landing">
                                    Количество мест</label>
                                <div class="controls">
                                    <select class="input-small" id="landing" name="landing">
                                        <option value="до 8" selected="selected">до 8</option>
                                        <option value="свыше 8">свыше 8</option>
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="maxmass">
                                    Максимальная масса</label>
                                <div class="controls">
                                    <select class="input-small" id="maxmass" name="maxmass">
                                        <option value="до 3.5 т" selected="selected">до 3.5 т</option>
                                        <option value="свыше 3.5 т">свыше 3.5 т</option>
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="mass">
                                    Грузоподъемность</label>
                                <div class="controls">
                                    <select class="input-small" id="mass" name="mass">
                                        <option value="до 1.6 т" selected="selected">до 1.6 т</option>
                                        <option value="свыше 1.6 т">свыше 1.6 т</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <!-- Дополнительные условия //-->
                <!--// Системы безопасности-->
                <fieldset>
                    <legend>Системы безопасности</legend>
                    <div class="row-fluid">
                        <div class="span6">
                            <div class="control-group">
                                <label class="control-label" for="signaling">
                                    ЭПС</label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.Signaling, Model.Signalings, new { @class = "input-large", id = "signaling" })
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="signalingadd">
                                    Дополнительная ЭПС</label>
                                <div class="controls">
                                    @Html.DropDownList("signalingadd", Model.SignalingsAdditional, new { @class = "input-large", id = "signalingadd" })
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="autostart">
                                    Автозапуск</label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.AutoStart, Model.ListAutoStart, new { @class = "input-large", id = "autostart" })
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="siglabel">
                                    Метка</label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.SigLabel, Model.SigLabels, new { @class = "input-large", id = "siglabel" })
                                </div>
                            </div>
                        </div>
                        <div class="span6">
                            <div class="control-group">
                                <label class="control-label" for="mpu">
                                    МПУ</label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.Mpu, Model.ListMpu, new { @class = "input-large", id = "mpu" })
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="immo">
                                    Иммобилайзер</label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.Immo, Model.Immos, new { @class = "input-large", id = "immo" })
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="siganticreep" title="Противоугонный комплекс">
                                    Противоугонный комплекс</label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.SigAnticreep, Model.SigsAnticreep, new { @class = "input-large", id = "siganticreep" })
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="sigantidamping">
                                    Защита от глушения</label>
                                <div class="controls">
                                    @Html.DropDownListFor(m => m.SigAntidamping, Model.SigsAntidamping, new { @class = "input-large", id = "sigantidamping" })
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <!-- Системы безопасности //-->
                <div class="form-actions">
                    <button class="btn btn-primary btn-large" id="startCalc" type="button">
                        Расчитать КАСКО</button>
                    <button class="btn" title="Очистить значения полей формы" data-bind="click: resetForm">
                        Очистить форму</button>
                </div>	
            }
            <!-- Форма расчета КАСКО //-->
        </div>
        @for (var i = 0; i < Model.KaskoTables.Count; i++)
        {
            <div class="tab-pane results-header" id="@(i == 0 ? "results" : "results" + Model.Results[i].UniqueNumber.Replace(".", ""))" name="results">
                <h3>
                    Расчет № @(string.Format("{0} {1}", Model.Results[i].UniqueNumber, Model.Results[i].DateTimeCalc))</h3>
                <table class="table table-bordered table-striped table-parapetrs-kasko ">
                    <thead>
                        <tr>
                            <th colspan="4">
                                <h4>
                                    Параметры расчета</h4>
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th colspan="4">
                                Регион
                            </th>
                        </tr>
                        <tr>
                            <td class="title">
                                Регион
                            </td>
                            <td>
                                @Model.KaskoTables[i].Region
                            </td>
                            <td class="title">
                                Категория ТС
                            </td>
                            <td>
                                @Model.KaskoTables[i].CategoryTs
                            </td>
                        </tr>
                        <tr>
                            <td class="title">
                                Собственник ТС
                            </td>
                            <td>
                                @Model.KaskoTables[i].OwnerTs
                            </td>
                            <td class="title">
                                Риск
                            </td>
                            <td>
                                @Model.KaskoTables[i].Risk
                            </td>
                        </tr>
                        <tr>
                            <td class="title">
                                Страхователь
                            </td>
                            <td>
                                @(Model.KaskoTables[i].Insurant == "Физическое лицо" ? "Он же собственник ТС" : Model.KaskoTables[i].Insurant)
                            </td>
                            <td class="title">
                                Лимит ответственности
                            </td>
                            <td>
                                @Model.KaskoTables[i].Limit
                            </td>
                        </tr>
                        <tr>
                            <th colspan="4">
                                Сведения о ТС
                            </th>
                        </tr>
                        <tr>
                            <td class="title">
                                Марка
                            </td>
                            <td>
                                @Model.KaskoTables[i].CarManufacture
                            </td>
                            <td class="title">
                                Гарантия
                            </td>
                            <td>
                                @Model.KaskoTables[i].Guaranty
                            </td>
                        </tr>
                        <tr>
                            <td class="title">
                                Модель
                            </td>
                            <td>
                                @Model.KaskoTables[i].CarModel
                            </td>
                            <td class="title">
                                Пробег
                            </td>
                            <td>
                                @string.Format("{0} {1}", Model.KaskoTables[i].Path, string.IsNullOrEmpty(Model.KaskoTables[i].Path) ? "" : Model.KaskoTables[i].UnitPath)
                            </td>
                        </tr>
                        <tr>
                            <td class="title">
                                Год выпуска
                            </td>
                            <td>
                                @Model.KaskoTables[i].Release
                            </td>
                            <td class="title">
                                Объем двигателя
                            </td>
                            <td>
                                @Model.KaskoTables[i].Engine
                            </td>
                        </tr>
                        <tr>
                            <td class="title">
                                ТС из салона
                            </td>
                            <td>
                                @Model.KaskoTables[i].IsNewCar
                            </td>
                            <td class="title">
                                Мощность
                            </td>
                            <td>
                                @string.Format("{0}{1}", Model.KaskoTables[i].Power, string.IsNullOrEmpty(Model.KaskoTables[i].Power) ? "" : " л.с.")
                            </td>
                        </tr>
                        <tr>
                            <td class="title">
                                Начало эксплуатации
                            </td>
                            <td>
                                @Model.KaskoTables[i].BeginningOfOperation
                            </td>
                            <td class="title">
                                Кредит
                            </td>
                            <td>
                                @Model.KaskoTables[i].Credit
                            </td>
                        </tr>
                        <tr>
                            <td class="title">
                                Дата выдачи ПТС
                            </td>
                            <td>
                                @Model.KaskoTables[i].Pts
                            </td>
                            <td class="title">
                                Стоимость ТС
                            </td>
                            <td>
                                @Model.KaskoTables[i].Cost @Model.KaskoTables[i].Currency
                            </td>
                        </tr>
                        <tr>
                            <th colspan="4">
                                Сведения о водителях
                            </th>
                        </tr>
                        <tr>
                            <td class="title">
                                Количество водителей
                            </td>
                            <td>
                                @string.Format("{0}: {1} {2}", Model.KaskoTables[i].TypeDrivers, Model.KaskoTables[i].Drivers.Count, GetDriver(Model.KaskoTables[i].Drivers.Count))
                            </td>
                            <td class="td-drivers-list" colspan="2">
                                <table id="drivers-1" class="@(Model.KaskoTables[i].TypeDrivers == "Ограниченное количество" ? "drivers-list" : "drivers-list hide")">
                                    <thead>
                                        <tr>
                                            <th>
                                                #
                                            </th>
                                            <th>
                                                Пол
                                            </th>
                                            <th>
                                                Возраст
                                            </th>
                                            <th>
                                                Стаж
                                            </th>
                                            <th>
                                                Брак
                                            </th>
                                            <th>
                                                Дети
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @for (int p = 0; p < Model.KaskoTables[i].Drivers.Count; p++)
                                        {
                                            <tr>
                                                <td style="width: 30px;">
                                                    @(p + 1)
                                                </td>
                                                <td>
                                                    @(Model.KaskoTables[i].Drivers[p].Sex == "М" ? "Мужчина" : "Женщина")
                                                </td>
                                                <td>
                                                    @Model.KaskoTables[i].Drivers[p].Age
                                                </td>
                                                <td>
                                                    @Model.KaskoTables[i].Drivers[p].Experience
                                                </td>
                                                <td>
                                                    @Model.KaskoTables[i].Drivers[p].Married
                                                </td>
                                                <td>
                                                    @Model.KaskoTables[i].Drivers[p].Children
                                                </td>
                                            </tr>
                                        }
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr class="@(Model.KaskoTables[i].TypeDrivers == "Ограниченное количество" ? "hide" : "")">
                            <td class="title">
                                Минимальный возраст
                            </td>
                            <td>
                                @Model.KaskoTables[i].MinAge
                            </td>
                            <td class="title">
                                Минимальный стаж
                            </td>
                            <td>
                                @Model.KaskoTables[i].MinPeriod
                            </td>
                        </tr>
                        <tr>
                            <th colspan="4">
                                Дополнительные условия
                            </th>
                        </tr>
                        <tr>
                            <td class="title">
                                Франшиза
                            </td>
                            <td>
                                @string.Format("{0} руб. или {1}%", @Model.KaskoTables[i].FranshizaInRub, @Model.KaskoTables[i].FranshizaInProc)
                            </td>
                            <td class="title">
                                Предельный пробег
                            </td>
                            <td>
                                @string.Format("{0} {1}", Model.KaskoTables[i].Path, string.IsNullOrEmpty(Model.KaskoTables[i].Path) ? "" : Model.KaskoTables[i].UnitPath)
                            </td>
                        </tr>
                        <tr>
                            <td class="title">
                                Форма возмещения
                            </td>
                            <td>
                                @Model.KaskoTables[i].Compensation
                            </td>
                            <td class="title">
                                Количество ТС
                            </td>
                            <td>
                                @Model.KaskoTables[i].QuantityTs
                            </td>
                        </tr>
                        <tr>
                            <td class="title">
                                Оплата
                            </td>
                            <td>
                                @Model.KaskoTables[i].Payment
                            </td>
                            <td class="title">
                                Руль
                            </td>
                            <td>
                                @Model.KaskoTables[i].ControlWheel
                            </td>
                        </tr>
                        <tr>
                            <td class="title">
                                Срок страхования
                            </td>
                            <td>
                                @Model.KaskoTables[i].InsurancePeriod
                            </td>
                            <td class="title">
                                Количество мест
                            </td>
                            <td>
                                @Model.KaskoTables[i].Landing
                            </td>
                        </tr>
                        <tr>
                            <td class="title">
                                Переход из другой СК
                            </td>
                            <td>
                                @Model.KaskoTables[i].Transition
                            </td>
                            <td class="title">
                                Максимальная масса
                            </td>
                            <td>
                                @Model.KaskoTables[i].MaxMass
                            </td>
                        </tr>
                        <tr>
                            <td class="title">
                                Условия хранения
                            </td>
                            <td>
                                @Model.KaskoTables[i].StorageCondition
                            </td>
                            <td class="title">
                                Грузоподъемность
                            </td>
                            <td>
                                @Model.KaskoTables[i].Mass
                            </td>
                        </tr>
                        <tr>
                            <th colspan="4">
                                Системы безопасности
                            </th>
                        </tr>
                        <tr>
                            <td class="title">
                                ЭПС
                            </td>
                            <td>
                                @Model.KaskoTables[i].Signaling
                            </td>
                            <td class="title">
                                МПУ
                            </td>
                            <td>
                                @Model.KaskoTables[i].Mpu
                            </td>
                        </tr>
                        <tr>
                            <td class="title">
                                Дополнительная ЭПС
                            </td>
                            <td>
                                @Model.KaskoTables[i].SignalingAdd
                            </td>
                            <td class="title">
                                Иммобилайзер
                            </td>
                            <td>
                                @Model.KaskoTables[i].Immo
                            </td>
                        </tr>
                        <tr>
                            <td class="title">
                                Автозапуск
                            </td>
                            <td>
                                @Model.KaskoTables[i].Autostart
                            </td>
                            <td class="title">
                                Противоугонный комплекс
                            </td>
                            <td>
                                @Model.KaskoTables[i].Siganticreep
                            </td>
                        </tr>
                        <tr>
                            <td class="title">
                                Метка
                            </td>
                            <td>
                                @Model.KaskoTables[i].Siglabel
                            </td>
                            <td class="title">
                                Защита от глушения
                            </td>
                            <td>
                                @Model.KaskoTables[i].Sigantidamping
                            </td>
                        </tr>
                    </tbody>
                </table>
                @using (Html.BeginForm("Comparison", "Cabinet", FormMethod.Post, new { id = string.Format("form{0}", string.IsNullOrEmpty(Model.Results[i].UniqueNumber) ? "2" : Model.Results[i].UniqueNumber.Replace(".", "")) }))
                {
                    @Html.Hidden("calcId", Model.Results[i].Id)
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th colspan="100%">
                                    <h4>
                                        Результат расчета</h4>
                                </th>
                            </tr>
                            <tr>
                                <th class="col-1" rowspan="2">
                                    <input type="checkbox" id="inlineChekbox1" value="option1" onchange="ChangeAllCheck();"
                                        title="Отметить все">
                                </th>
                                <th>
                                    Страховая компания
                                </th>
                                <th>
                                    Тариф
                                </th>
                                <th>
                                    Премия
                                </th>
                                <th>
                                    Сервисные программы
                                </th>
                                <th>
                                    Прочие условия
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            @for (int j = 0; j < Model.Results[i].Results.Count; j++)
                            {
                                <tr>
                                    <td>
                                        <input type="checkbox" value="@Model.Results[i].Results[j].CompanyName" name='companyNames' onchange='ChangeCheck(this);'
                                        title="Отметить">
                                    </td>
                                    <td>
                                        @Model.Results[i].Results[j].CompanyName
                                    </td>
                                    <td>
                                        @string.Format("{0}%", Model.Results[i].Results[j].KaskoRate)
                                    </td>
                                    <td class="row-nowrap">
                                        @(string.Format("{0} руб.", Model.Results[i].Results[j].KaskoValue))
                                    </td>
                                    @*<td>
                                        <select class="input-mini" id="sale-percent">
                                            <option>0%</option>
                                            <option>1%</option>
                                            <option>2%</option>
                                            <option>3%</option>
                                            <option selected="selected">4%</option>
                                        </select>
                                    </td>
                                    <td class="text-nowrap">
                                        <ul class="unstyled row-nowrap">
                                            <li><i class="icon-shopping-cart" title="Получить с клиента"></i>9 946 руб.</li>
                                            <li><i class="icon-money" title="Заработок"></i>1 289 руб.</li>
                                        </ul>
                                    </td>*@
                                    <td>
                                        <ul class="unstyled">
                                            <li>@Model.Results[i].Results[j].ServiceProgram</li>
                                        </ul>
                                    </td>
                                    <td>
                                        <ul class="unstyled">
                                            <li>@Model.Results[i].Results[j].AdditionalConditions</li>
                                        </ul>
                                    </td>
                                </tr>
                            }
                        </tbody>
                    </table>
                }
                <div class="alert alert-success hide">
                    <button class="close" title="Скрыть уведомление">
                        ×</button>
                    <p>
                        <strong>Запрос обработан!</strong> Расчет № 0001/140912 сохранен в раздел "<a href="@Url.Action("Calculations", "Cabinet")">Сохраненные
                            расчеты</a>". Данный расчет носит исключительно ознакомительный характер.</p>
                </div>
                <div class="alert alert-info hide">
                    <!-- Этот блок показывать только после того, как расчет будет сохранен -->
                    <p>
                        <strong>Обратите внимание!</strong> Что бы подтвердить расчет, необходимо выбрать
                        интересующие страховые компании, после чего нажать кнопку "Подтвердить расчет".</p>
                </div>
                <div class="btn-toolbar">
                    <button class="@(Model.Results[i].IsSave ? "btn btn-primary hide" : "btn btn-primary")" onclick="SaveTab();">
                        Сохранить расчет</button>
                    <button class='btn' disabled="disabled" name='confirm' onclick='ConfirmPayment();'>
                        Подтвердить расчет</button>
                    <button class="btn" onclick="ToComparison();">
                        Сравнить выбранные</button>
                    <button class="btn" onclick="location.href='@Url.Action("GetPdf", "Information", new { id = Model.Results[i].Id })'" type="button" name="pdf">
                        Выгрузить в PDF</button>
                </div>
            </div>
        }
    </div>
</div>
<div class="modal hide " id="progress">
    <div class="modal-header">
        <h3>
            Производится расчет. Ожидайте</h3>
    </div>
    <div class="modal-body">
        <div class="progress progress-striped active">
            <div class="bar" style="width: 0">
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <span class="pull-left" id="time">Прошло времени: 0 сек</span>
        <button data-dismiss="modal" id="cancelCalc" class="btn">
            Отменить расчет</button>
    </div>
</div>
<script type="text/javascript">

    function ToComparison() {
        allCheckboxes = $("#" + $("div.tab-pane.active").attr("id") + " form tbody input[type=checkbox]");
        var notCheck = allCheckboxes.not(":checked");
        if (allCheckboxes.length - notCheck.length < 2) {
            alert("Выберите минимум 2 компании для сравнения");
        }
        else {
            $("#" + $("div.tab-pane.active").attr("id") + " form").submit();
        }
    }

    function ChangeCheck() {
        allCheckboxes = $("#" + $("div.tab-pane.active").attr("id") + " form tbody input[type=checkbox]");
        var notCheck = allCheckboxes.not(":checked");
        if (notCheck.length > 0) {
            $("#" + $("div.tab-pane.active").attr("id") + " form #inlineChekbox1").removeAttr("checked");
        }
        else {
            $("#" + $("div.tab-pane.active").attr("id") + " form #inlineChekbox1").attr("checked", "checked");
        }
        if (allCheckboxes.is(":checked")) {
            $("#" + $("div.tab-pane.active").attr("id") + " button[name='confirm']").removeAttr("disabled"); //Активируем кнопку подтвердить расчет
        }
        else {
            $("#" + $("div.tab-pane.active").attr("id") + " button[name='confirm']").attr("disabled", "disabled"); // Дизейблим кнопку "подтвердить расчет"
        }
    }

    function ChangeAllCheck() {
        allCheckboxes = $("#" + $("div.tab-pane.active").attr("id") + " form tbody input[type=checkbox]");
        if (!$("#" + $("div.tab-pane.active").attr("id") + " form #inlineChekbox1").is(":checked")) {
            allCheckboxes.removeAttr("checked");
            $("#" + $("div.tab-pane.active").attr("id") + " button[name='confirm']").attr("disabled", "disabled"); // Дизейблим кнопку "подтвердить расчет"
        }
        else {
            allCheckboxes.attr("checked", "checked");
            $("#" + $("div.tab-pane.active").attr("id") + " button[name='confirm']").removeAttr("disabled"); //Активируем кнопку подтвердить расчет
        }
    }
</script>
